<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/Loading.css">
    <link rel="stylesheet" href="../css/homestyle.css">
    <link rel="stylesheet" href="../css/body.css">
    <link rel="stylesheet" href="../css/nav.css">
    <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.15.3/dist/sweetalert2.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.15.3/dist/sweetalert2.all.min.js"></script>
    <title>MJ的主页</title>
</head>

<body>
    <main class="main">
        <section class="sec">
            <div class="titleimg">
                <div class="title">
                    <span id="typewriter"></span>
                    <span class="cursor">|</span>
                </div>
            </div>
        </section>
        <section class="sec">
            <a href="about.html">
                <div class="part1 pt">
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                    <div class="txt">
                        <h1>关于</h1>
                        <p>&emsp;&emsp;"每个不曾起舞的日子，都是对生命的辜负。"</p>
                        <p>&emsp;&emsp;"He who has a why to live for can bear almost any how." —— 尼采</p>
                    </div>
                </div>
            </a>
            <a href="blog.html">
                <div class="part2 pt">
                    <div class="txt">
                        <h1>博客</h1>
                        <p>&emsp;"思想，就像流动的河水，倘若停止流动，就会腐烂。"</p>
                        <p>&emsp;"The good life is one inspired by love and guided by knowledge." —— 罗素</p>
                    </div>
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                </div>
            </a>
            <a href="album.html">
                <div class="part3 pt">
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                    <div class="txt">
                        <h1>相册</h1>
                        <p>&emsp;&emsp;"艺术是一种谎言，让我们更接近真实。"</p>
                        <p>&emsp;&emsp;"Art washes away from the soul the dust of everyday life." —— 毕加索</p>
                    </div>
                </div>
            </a>
            <a href="join.html">
                <div class="part4 pt">
                    <div class="txt">
                        <h1>加入</h1>
                        <p>&emsp;&emsp;"我梦见的生命，就是我画出的生命。"</p>
                        <p>&emsp;&emsp;"I dream of painting and then I paint my dream." —— 梵高</p>
                    </div>
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                </div>
            </a>
        </section>
        <script src="../js/nav.js"></script>
        <script src="../js/footer.js"></script>
        <script src="../js/typewriter.js"></script>
    </main>
</body>

</html>